module.exports = {
    // devServer 是开发服务器的配置对象
    devServer: {
        // port 指定了开发服务器监听的端口号为 7777
        port: 8080,
        //   proxy  用不到
        // proxy 是代理的配置对象
        // proxy: {
        //     // '/api' 是匹配所有以 '/api' 开头的请求
        //     [process.env.VUE_APP_BASE_API]: {
        //         // target 是代理的目标地址，即实际请求会发送到 http://localhost:8888/bao
        //         target: 'http://localhost:8888/bao',// 这个没用
        //         pathRewrite: {
        //             ['^' + process.env.VUE_APP_BASE_API]: ''
        //         },
        //         // ws 表示是否代理websockets，设置为 true 时，如果你的前端应用需要与后端进行 WebSocket 通信，代理会正确地转发这些请求
        //         ws: true,
        //
        //         // changeOrigin 设置为 true 时，服务器会将代理请求的来源设置为目标 URL，对于某些检查来源的后端服务器来说，这个设置可以帮助避免 CORS 相关的问题
        //         changeOrigin: true
        //     }
        // }
    },


    // vue3报错解决:Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined
    // chainWebpack 是对内部的 webpack 配置进行更细粒度的修改
    chainWebpack: (config) => {
        config.plugin('define').tap((definitions) => {
            Object.assign(definitions[0], {
                __VUE_OPTIONS_API__: 'true',
                __VUE_PROD_DEVTOOLS__: 'false',
                __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
            });
            return definitions;
        });
    },

    // ...其他可能的配置项
};
